<template>
  <div id="appp" class="index">
    <!-- <router-view/> -->
    <!-- <img src="../image/shouye_icon_chapihao.png" alt=""> -->
    <h1>美丽携程</h1>
    <!-- <div class="iptp"> -->
      <Ipt/>
      <Test/>
      <Swp/>
      <Tx/>
      <List/>
  <!-- </div> -->
  </div>
</template>
<script>
import Ipt from '../../components/Index/Ipt.vue'
import Test from '../../components/Index/test.vue'
import Swp from '../../components/Index/switer.vue'
import Tx from '../../components/Index/remind.vue'
import List from '../../components/Index/list.vue'

export default({
  components:{
    Ipt,
    Test,
    Swp,
    Tx,
    List
  }
})
</script>

<style lang="scss" scoped>
*{ 
  margin: 0;
  padding: 0;
}
 #appp{
  box-sizing: border-box;
  width: 750px;
  height: 100vh;
  background: linear-gradient(360deg, #FFFFFF 0%, #BBD2F4 66%, #BBD2F4 100%);
  /* border: 1px solid red; */
  opacity: 1;
  h1{
  text-align: center;
  width: 100%;
  height: 3rem;
  font-size: 2.125rem;
  font-family: PingFangSC-Regular-, PingFangSC-Regular;
  font-weight: normal;
  color: #000000;
  line-height: 2.5625rem;
  padding-top: 20px;
 margin-bottom: 80px;
 
}
}
</style>